﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="title" content="" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="@Url.Content("~/Content/css/Style.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.namespace.js")" type="text/javascript"></script>
    <script type="text/javascript">
        function hiddenPopUp() { $('#popup').hide(); }
        function showPopUp() { $('#popup').show(); }
        function hiddenPreLoader() { showPopUp(); $('#preloader').hide(); } 
        function showPreLoader() { $('#preloader').show(); }    
    </script>
    @RenderSection("Head", false)
</head>
<body>
    <div id="wrapper">
        <div id="top_line">
        </div>
        <div id="header">
            <div id="header_logo">
                <a href="/Home/Index">
                    <img src="@Url.Content("~/Content/css/img/Logo.png")" /></a>
            </div>
            <div id="header_lang">
                <a href="#">
                    <img src="@Url.Content("~/Content/css/img/Lang_EN.png")" />
                </a><a href="#">
                    <img src="@Url.Content("~/Content/css/img/Lang_DE.png")" />
                </a>
            </div>
            <div id="header_menu">
                <div id="header_menu_item">
                    @Ajax.ActionLink("Register", "Registration", "Account",
                                 new AjaxOptions() { InsertionMode = InsertionMode.Replace, OnBegin = "showPreLoader();", OnComplete = "hiddenPreLoader()", UpdateTargetId = "popup" })
                </div>
                <div id="header_menu_item">
                    @Ajax.ActionLink("Sign In", "Index", "Account",
                                 new AjaxOptions() { InsertionMode = InsertionMode.Replace, OnBegin = "showPreLoader();", OnComplete = "hiddenPreLoader()", UpdateTargetId = "popup" })
                </div>
                <div id="header_menu_item">
                    <a href="#">Help</a></div>
            </div>
        </div>
        <!-- #header-->
        @RenderSection("PageHeaderSection", false)
        <div id="menu">
            <div id="menu_bar">
                <div class="menu_item_left">
                    <div class="menu_item">
                        <a href="/Home/Index">HOME</a>
                    </div>
                </div>
                <div class="menu_item_delimiter">
                </div>
                <div class="menu_item">
                    <a href="/Home/About">ABOUT US</a>
                </div>
                <div class="menu_item_delimiter">
                </div>
                <div class="menu_item">
                    <a href="#">ADMISSIONS</a>
                </div>
                <div class="menu_item_delimiter">
                </div>
                <div class="menu_item">
                    <a href="#">PROGRAMS</a>
                </div>
                <div class="menu_item_delimiter">
                </div>
                <div class="menu_item_right">
                    <div class="menu_item">
                        <a href="/Home/Contacts">CONTACTS</a>
                    </div>
                </div>
            </div>
            <div id="search_bar">
                <div id="search_bar_left">
                </div>
                <div id="search_bar_middle">
                    <div id="search_bar_input">
                        <input type="text" />
                    </div>
                    <div id="search_bar_search">
                        <a href="#">Search</a>
                    </div>
                </div>
                <div id="search_bar_right">
                </div>
            </div>
        </div>
        @RenderBody()
    </div>
    <!-- #wrapper -->
    <div id="bottom_line">
        <div id="footer">
            <div id="footer_menu">
                <div id="footer_menu_name">
                    About
                </div>
                <div id="footer_menu_item">
                    <a href="/Home/About"><span>About us</span></a>
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Work team</span></a>
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Clients</span></a>
                </div>
            </div>
            <div id="footer_menu">
                <div id="footer_menu_name">
                    Main Services
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Market research</span></a>
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Online support</span></a>
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Business help</span></a>
                </div>
            </div>
            <div id="footer_menu">
                <div id="footer_menu_name">
                    Related Links
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Strategies</span></a>
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>FAQ's</span></a>
                </div>
                <div id="footer_menu_item">
                    <a href="#"><span>Solutions</span></a>
                </div>
            </div>
            <div id="newsletter">
                <div id="newsletter_name">
                    Newsletter
                </div>
                <div id="newsletter_input">
                    <input type="text" />
                </div>
                <div id="newsletter_submit">
                    <a href="#"><span>SUBMIT</span></a>
                </div>
            </div>
            <div id="copyright">
                <div id="compagny">
                    <span>Compagny</span></div>
                <div id="rights">
                    <span>c 2011 | All right reserved</span></div>
            </div>
        </div>
        <!--
    #footer -->
    </div>
    <div id="popup">
    </div>
</body>
</html>
